<!DOCTYPE html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/htm
<html>l; charset=utf-8"/>
    <title>手机测试</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <!--不进行缓存 但是只能清除一次缓存-->
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="content-type" content="no-cache, must-revalidate"/>
    <meta http-equiv="expires" content="0"/>
    <!--END 不进行缓存-->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        #loading {
            background: white;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 100px;
            position: absolute;
            z-index: 999999;
        }
    </style>
    <link href="style/change.css" rel="stylesheet"/>
</head>
<body>
<div id="loading">
    正在加载中........
</div>
<div id="content">
    <img src="images/min_1.jpg" alt="" id="img1" data-value="5">
    <img src="images/min_2.jpg" alt="" id="img2" data-value="4">
    <img src="images/min_3.jpg" alt="" id="img3" data-value="3">
    <img src="images/min_4.jpg" alt="" id="img4" data-value="2">
    <img src="images/min_5.jpg" alt="" id="img5" data-value="1">
</div>
<script src="js/change.js" type="text/javascript"></script>
</body>
</html>